<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/app.css"/>
    <script type="text/javascript" charset="utf-8">
      	
    </script>
</head>
<body>
		<!--<table style="width: 100%;text-align: center;position: fixed;margin-top: 400px;">
		<tr>
			<td style="background-color: cadetblue;border-left:#8A6DE9 1px solid;height: 100px;">课程</td>
			<td style="background-color: #ACACB4;border-left:#8A6DE9 1px solid"><a href="three.html">校园</a></td>
			<td style="background-color: #ACACB4;border-left:#8A6DE9 1px solid">我的</td>
		</tr>
	</table>-->

	<div style="background-color:white;text-align: center;">	
  		<h1 style="font-size: 30px;">用户登录</h1>
	</div>

	<div style="position: fixed;text-align: center;width: 100%;height: 200px;">
	<nav class="mui-bar mui-bar-tab">
		<div style="float: left;width: 33%;">
			<a href="index.html">
				<span class="mui-icon mui-icon-home" style="font-weight: bold;"></span>
				<div class="mui-media-body">主页</div>
			</a>
		</div>
		<div style="float: left;width: 33%;">
		<a href="two.html">
			<span class="mui-icon mui-icon-person"></span>
			<div class="mui-media-body">我的课程</div>
		</a>
		</div>
		<div style="float: left;width: 33%;">
		<a href="">
			<span class="mui-icon mui-icon-phone"></span>
			<div class="mui-media-body">好友</div>
		</a>
		</div>
	</nav>
	</div>
			<script>
			mui.init({
    subpages:[{
      url:'land.html',
      id:'land.html',
      styles:{
        top:'45px',//mui标题栏默认高度为45px；
        bottom:'80px'
      }
    }]
  });
		</script>
</body>
</html>